草庐IT

Element-UI 表单校验

全部标签

javascript - 在angularjs表单验证中强制使用ng-dirty

使用angularjs进行表单验证我想在用户单击提交时将所有必填字段标记为错误。我正在使用input.ng-dirty.ng-invalid来设置错误控件的样式。所以我想要的是在用户提交表单时在必需的控件(或所有控件......对我来说都是一样的)上设置ng-dirty。验证工作。我明白为什么,我正在尝试的可能是错误的,但我没有找到其他方法来达到同样的效果,除了一些我认为太复杂而不正确的方法。我尝试的是:http://jsfiddle.net/yq4NG/ 最佳答案 让我们开始将angular添加到您的jsfiddle中,将其包装在

javascript - 使用缓存在 Kendo UI Treeview 中延迟加载

我正在使用KendoUITreeView在我的网页中加载分层数据。默认情况下,我最多加载3个级别的数据(即Root->Rootdirects->Rootdirects'directs)。当用户进一步向下扩展树时,我需要一种方法来延迟加载剩余的节点。另外,已经获取的数据必须缓存在本地,以避免对已经扩展的节点进行不必要的调用。我是KendoUI的新手,没有足够的时间阅读文档。json看起来像{Id:'1',ParentId:'-1',Payload:{...}Children:[Id:'2',ParentId:'1',PayLoad:{...},Children:[{...}]]....}

javascript - Kendo ui - 在 child 添加/编辑时获取父网格项目(网格层次结构)

我有一个包含3个项目的父网格,每个项目都有一个子网格作为详细信息的一部分。当调用CHILD上的编辑事件时,我想获取父级(masterrow)的数据,下面的代码总是获取mastergrid中的第一个项目,而不是单击项目的实际父级,例如,如果我编辑/添加主网格中的第二个项目在网格中的一个项目,它仍然获得主网格数据的第一个项目。varparentData=$("#gridRoomTypes").data("kendoGrid").dataItem(e.container.closest("tr"));编辑有:e.sender(childgrid),e.container,e.model"gr

javascript - 使用 UI Router 进行分页时如何更改 URL?

我有一个使用AngularUI-Router的AngularJS项目,进展顺利,但我正在尝试实现UIBootstrap分页指令,但无法制定出正确的策略。我有一个数据表,一次显示一页,并且我有分页指令显示正确的页面链接数。当您单击链接时,它会获取新的页码并调用Restangular来获取新记录并将它们绑定(bind)到表中。一切正常,但很明显,当您翻阅数据时,URL不会更改,因此用户无法使用浏览器的后退/前进按钮来浏览他们的历史记录。理想情况下,我想使用以下URL:/contacts/contacts/page-2/contacts/page-3我还想在URL中包含排序,但这是另一个问题

javascript - 如何创建一个行为类似于表单元素的 Web 组件?

我正在尝试创建一个专门用于表单元素的Web组件,它具有一个name和一个value。我认识到我可以创建一个extendsHTMLInputElement的Web组件:但我正在尝试创建一个全新的元素。在创建常规Web组件时,您可以从常规HTMLElement(HTMLElement.prototype)的原型(prototype)创建它。这使我假设我可以使用HTMLInputElement(HTMLInputElement.prototype)的原型(prototype)创建不同的元素。您在扩展输入元素的API时实际上使用了该原型(prototype),那么为什么我不能使用该原型(pro

javascript - 使用按钮和关闭图标关闭 React Semantic UI 模式

我有一个模态窗口,用户需要在其中填写一些表格并通过模态窗口中的按钮保存填写的内容。当用户保存时,我希望模式关闭。我可以通过在Modal组件上使用openProp来完成这项工作。但如果我这样做,当我尝试通过closeIcon这样做时,模态不会关闭。我该怎么做才能让用户通过这两种方法关闭模态框?这是我当前的模态代码:handleCreateButton(evt){evt.preventDefault()//...//codetosavewhateverwastypedintheform//...this.setState({showModal:false})}renderModalForm

javascript - 像表单提交一样响应 native 发布请求

我正在尝试在ReactNative中实现类似的事情,不知道我该怎么做是否有可能在ReactNative中做类似的事情。我可以在Web应用程序中执行此操作。但是在nativereact中window.document不存在。所以我无法动态或以任何方式提交表单。基本上发生的事情是我使用POST方法数据将一些数据发送到第3方支付网关。知道如何在ReactNative中实现这一点吗?编辑:我需要一个解决方案,当提交一个webView打开时改变浏览器的位置,并以post方法格式将数据发送到该位置我发现关于Javascript实现的一个类似问题是这个JavaScriptpostrequestlik

javascript - 检查表单输入是否存在

我想检查当用户填写输入名称“field1”时是否存在名为“field2”的输入标签。为此,我使用field1的input标记上的onchange事件执行一个JavaScript函数。(我正在使用警告框进行测试。)如果field2不存在,则JavaScript单击一个按钮,表单将更新为同时具有field1和field2。但是无论我使用3种方法中的哪一种,即使field2存在,也会弹出警告框。我尝试了使用if与null和'undefined'等的各种组合。如果field2存在,为什么会弹出警告框?functionfoobar(){if(!document.getElementsByName

javascript - Facebook 是否可以获取用户数据并在 iframe 中填充表单?

我正在尝试为Facebook页面创建一个iframe选项卡。在这个页面上,我正在加载一个iframe,它由来自另一个域/站点的表单组成。是否可以使用javascript查询图形api,以使用javascript将用户数据加载到此iframe加载表单中,这样就可以预先填充给用户?我知道存在跨域安全问题。在那种情况下,假设我的iframe选项卡现在托管在与iframe加载的表单相同的域中,这现在可行吗? 最佳答案 你是对的,出于安全原因(同源策略),你想要的将被浏览器阻止。你可以做什么:在iframe中重新加载表单并将您从jssdk获取

javascript - 使用 jasmine 测试 javascript UI 的最佳方法

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭4年前。Improvethisquestion我初看jasmine框架,它看起来很有前途,但我找不到使用dom的简单方法。我的意思是,模拟用户交互,比如完成和输入,点击一个按钮,然后检查dom是否正确更新,比如在输入验证后显示错误,并显示修改后的数据。就是您通常使用selenium等工具执行的操作。有没有标准的方法来做,或者ui测试超出了jasmine的领域,我应该为这样的任务寻找另一个框架?